{% extends "main/shared.html" %}
{% load static %}

{% block head %}
  <title>个人主页</title>
  <link rel="preload" as="style" href="{% static "main/css/profile.css" %}" onload="this.rel='stylesheet'"/>
{% endblock %}

{% block main %}
  <div class="card mb-3" style="max-width: 540px;">
    <div class="row g-0">
      <div class="col-md-4">
        <img src="{% static request.user.avatar | safe %}" class="img-fluid rounded-start" alt="...">
      </div>
      <div class="col-md-8">
        <div class="card-body">
          <h5 class="card-title">{{request.user.username}}</h5>
          <p class="card-text">{{request.user.email}}</p>
          <a class="btn btn-outline-primary" href="/edit_profile" role="button">编辑个人资料</a>
        </div>
      </div>
    </div>
  </div>
{% endblock %}
